<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/ccs.css" >
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/js.js"></script>
</head>
<body>
    <div id="one" class="container" >
        <img src="img/1.jpg" id="header-image">
        <h4  style="margin-right: 5px; margin-left: 18px; float: left; color: dimgray; line-height: 150%;">选课系统 &nbsp; <span class="glyphicon glyphicon-align-justify"></span></h4> 
        <form class="form-search" style="margin-right: 14px; margin-left: 20px; float: left; ">
            <input class=" input1" style=" width:300px; height: 20px; margin-top: 14px; border-radius: 10px; float:left;" type="text" />
        <h5 style="margin-left: 10px; float: left; color: grey; line-height: 190%;"><span class="glyphicon glyphicon-search"></span></h5>
        </form>
        <h4 style="margin-right: 20px;  float: right; color: grey; line-height: 160%;"><span class="glyphicon glyphicon-folder-open" ></span></h4>
        <h4 style="margin-right: 25px; float: right; color: grey; line-height: 175%;"><span class="glyphicon glyphicon-bell" ></span></h4>
    </div>
    <div id="two" class="container">
        <div id="two1" class="container">
        </div>
    </div>
    <div id="three" class="container">
        <div id="three1" class="tab-content">
        </div>
    </div>
</body>
</html>